@@include('../00.global/include-header.html')
     
  <body class="page">
  
  
          
    @@include('../00.global/include-loader.html')
    
    

    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                        @@include('../00.global/include-brand.html')
                        
                        @@include('../00.global/include-menu.html')
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
        <div class="header-inner"></div>
      
       
    
       
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Simple Lightbox</h2>
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     
       
    
       <!-- Content 02
        ====================================================== -->
        <section>
            <div class="container">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            
							<p>
                                <a class="button button-hover button-border-thin button-size-s button-bg-primary custom-lightbox" href="javascript:void(0);" data-lb-src="assets-demo/images/spiral-galaxy-1920x1080.jpg">Click Me To Show Image</a>
                            </p>
                            
							<p>
                                <a class="button button-hover button-border-thin button-size-s button-bg-primary custom-lightbox" href="javascript:void(0);" data-lb-src="[{'thumb':'assets-demo/images/slide-1.jpg', 'large':'assets-demo/images/slide-1.jpg'}, {'thumb':'assets-demo/images/spiral-galaxy-1920x1080.jpg', 'large':'assets-demo/images/spiral-galaxy-1920x1080.jpg'}, {'thumb':'assets-demo/images/slide-3.jpg', 'large':'assets-demo/images/slide-3.jpg'}, {'thumb':'assets-demo/images/slide-1.jpg', 'large':'assets-demo/images/slide-1.jpg'}]">Click Me To Show Multiple Image</a>
                            </p>  
                            
                            
							<p>
                                <a class="button button-hover button-border-thin button-size-s button-bg-primary custom-lightbox" href="javascript:void(0);" data-lb-src="assets/images/placeholder/placeholder-800x2000.jpg" data-lb-fixed="false">Click Me To Show Image (Not Fixed)</a>
                            </p>         
                 
							<p>
							    <a class="button button-hover button-border-thin button-size-s button-bg-primary custom-lightbox" href="javascript:void(0);" data-lb-html="#my-lightbox-html-1">Click Me To Show HTML Code</a>
							    
							   <div class="custom-lightbox-html" id="my-lightbox-html-1">
								   <div class="lb-box list-normal table-normal">
									   <div class="content-show">
									   
											<!-- ///////   content begin /////// -->

											<p>
												<h5>Title</h5>
											 </p>
											<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. <a href="#">This is link</a></p>

											<p>Nullam id dolor id nibh ultricies vehicula ut id elit. <a href="#">Curabitur blandit tempus porttitor</a>. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper. Super/Duper/Long/NonBreaking/Path/Name/To/A/File/That/Is/Way/Deep/Down/In/Some/Mysterious/Remote/Desolate/Part/Of/The/Operating/System/To/A/File/That/Just/So/Happens/To/Be/Strangely/Named/Supercalifragilisticexpialidocious.txt</p>
    


											<!-- ///////   content end /////// -->

										</div><!-- /.content-show -->
								   </div><!-- /.lb-box -->
							   </div>
							   <!-- /.custom-lightbox-html -->
						
						
						
							</p>

							<p>
							    <a class="button button-hover button-border-thin button-size-s button-bg-primary custom-lightbox" href="javascript:void(0);" data-lb-html="#my-lightbox-html-2" data-lb-fixed="false">Click Me To Show HTML Code (Not Fixed)</a>
							    
							   <div class="custom-lightbox-html" id="my-lightbox-html-2">
								   <div class="lb-box list-normal table-normal">
									   <div class="content-show">
									   
											<!-- ///////   content begin /////// -->

											<p>
												<h5>Title</h5>
											 </p>
											<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. <a href="#">This is link</a></p>

											<p>Nullam id dolor id nibh ultricies vehicula ut id elit. <a href="#">Curabitur blandit tempus porttitor</a>. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper. Super/Duper/Long/NonBreaking/Path/Name/To/A/File/That/Is/Way/Deep/Down/In/Some/Mysterious/Remote/Desolate/Part/Of/The/Operating/System/To/A/File/That/Just/So/Happens/To/Be/Strangely/Named/Supercalifragilisticexpialidocious.txt</p>
    


											<!-- ///////   content end /////// -->

										</div><!-- /.content-show -->
								   </div><!-- /.lb-box -->
							   </div>
							   <!-- /.custom-lightbox-html -->
						
						
						
							</p>
 
                       
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
        
         
           
   
        
        
        @@include('../00.global/include-copyright.html')
        
        
    </div>
    <!-- .wrapper end -->
       
       
    @@include('../00.global/include-footer.html')

